<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport"
			content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="renderer" content="webkit" />
		<meta name="full-screen" content="yes" />
		<meta name="x5-fullscreen" content="true" />
		<meta name="format-detection" content="telphone=no, email=no" />
		<meta name="apple-mobile-web-app-status-bar-style" content="default" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" href="./css/iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="css/newlist.css"/>
		<script src="./js/lib/lib-flexible.js" type="text/javascript"></script>
		<script src="./layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<title>新闻列表</title>
	</head>
	<body>
		<div class="container">
			<!-- 顶部导航 -->

			<div class="header">
				<div class="header-nav">
					<div class="left">
						<img src="./img/logo.png" alt="">
					</div>
					<div class="right" id="nav-btn">
						<i class="iconfont icon-menu"></i>
					</div>
					<div class="menus" id="menus">
						<ul class="layui-nav layui-nav-tree" lay-filter="test">
						  <li class="layui-nav-item">
						    <a href="javascript:;">解决方案</a>
						    <dl class="layui-nav-child">
						      <dd><a href="#">移动模块</a></dd>
						      <dd><a href="#">后台模版</a></dd>
						      <dd><a href="#">电商平台</a></dd>
						    </dl>
						  </li>
						  <li class="layui-nav-item"><a href="">产品</a></li>
						  <li class="layui-nav-item"><a href="">大数据</a></li>
						</ul>
					</div>

				</div>
			</div>

			<!-- 底部导航 -->
			<div class="footer">
				<div class="footer-nav">
					<a href="#" class="foot-nav-item active-item">
						<div class="icon">
							<!-- <img src="./img/foot-1.png" alt=""> -->
							<i class="iconfont icon-home"></i>
						</div>
						<p>主页</p>
					</a>
					<a href="#" class="foot-nav-item">
						<div class="icon">
							<!-- <img src="./img/foot-2.png" alt=""> -->
							<i class="iconfont icon-all"></i>
						</div>
						<p>商家联盟</p>
					</a>
					<a href="#" class="foot-nav-item">
						<div class="icon">
							<!-- <img src="./img/foot-3.png" alt=""> -->
							<i class="iconfont icon-cart-full"></i>
						</div>
						<p>购物车</p>
					</a>
					<a href="#" class="foot-nav-item">
						<div class="icon">
							<!-- <img src="./img/foot-4.png" alt=""> -->
							<i class="iconfont icon-remind"></i>
						</div>
						<p>个人中心</p>
					</a>
				</div>
			</div>

			<!-- banner -->
			<div class="banner gap-30">
				<a href="#">
					<img src="./img/new1.jpg" alt="">
					<div class="mask">
						<div class="explain">
							<h3 class="banner-title">
								TRAVEL INFORMATION
							</h3>
							<h3 class="banner-title-small">
								旅游资讯
							</h3>
						</div>
					</div>
				</a>
			</div>
			<!-- 面包屑 -->
			<div class="container-part gap-30 layui-breadcrumb" lay-separator=">" >
				 <a href="#">首页</a>
				  <a href="#">旅游资讯</a>
			</div>
			
			<!-- 导航 -->
			<div class="container-part nav-part gap-30">
				<ul>
					<li class="active"><a href="#">全部</a></li>
					<li><a href="#">最新资讯</a></li>
					<li><a href="#">每日一荐</a></li>
					<li><a href="#">出行指南</a></li>
					<li><a href="#">节日活动</a></li>
					<li><a href="#">最新资讯</a></li>
					<li><a href="#">每日一荐</a></li>
					<li><a href="#">出行指南</a></li>
					<li><a href="#">节日活动</a></li>
				</ul>
			</div>
			
			<!-- 列表 -->
			<div class="container-part gap-30">
				<!-- 图-文 -->
				<a href="#" class="list-image">
					<div class="left">
						<img src="./img/p-2.jpg" alt="">
					</div>
					<div class="right">
						<h3 class="news-item-name">重庆丰都鬼城三峡宜昌</h3>
						<p class="news-item-discribe">特单位为主体，由多个有内在经济技有举足轻重的地位，有较强大能力科生...</p>
						<p class="news-item-time">2022-09-05 丰都旅游</p>
					</div>
				</a>
				<a href="#" class="list-image">
					<div class="left">
						<img src="./img/p-2.jpg" alt="">
					</div>
					<div class="right">
						<h3 class="news-item-name">重庆丰都鬼城三峡宜昌</h3>
						<p class="news-item-discribe">特单位为主体，由多个有内在经济技有举足轻重的地位，有较强大能力科生...</p>
						<p class="news-item-time">2022-09-05 丰都旅游</p>
					</div>
				</a>
				<a href="#" class="list-image">
					<div class="left">
						<img src="./img/p-2.jpg" alt="">
					</div>
					<div class="right">
						<h3 class="news-item-name">重庆丰都鬼城三峡宜昌</h3>
						<p class="news-item-discribe">特单位为主体，由多个有内在经济技有举足轻重的地位，有较强大能力科生...</p>
						<p class="news-item-time">2022-09-05 丰都旅游</p>
					</div>
				</a>
				
				<!-- 时间-文 -->
				<a href="#" class="list-text">
					<div class="left">
						<div class="explain">
							<p class="day">09</p>
							<p class="month">2021-05</p>
						</div>
					</div>
					<div class="right">
						<h3 class="list-item-title">推荐【团队】武隆、涪陵、丰都三日游</h3>
						<p class="list-item-describe">企业集团是以公有制为基础，以名牌优质产品...</p>
					</div>
				</a>
				<a href="#" class="list-text">
					<div class="left">
						<div class="explain">
							<p class="day">09</p>
							<p class="month">2021-05</p>
						</div>
					</div>
					<div class="right">
						<h3 class="list-item-title">推荐【团队】武隆、涪陵、丰都三日游</h3>
						<p class="list-item-describe">企业集团是以公有制为基础，以名牌优质产品...</p>
					</div>
				</a>
				<a href="#" class="list-text">
					<div class="left">
						<div class="explain">
							<p class="day">09</p>
							<p class="month">2021-05</p>
						</div>
					</div>
					<div class="right">
						<h3 class="list-item-title">推荐【团队】武隆、涪陵、丰都三日游</h3>
						<p class="list-item-describe">企业集团是以公有制为基础，以名牌优质产品...</p>
					</div>
				</a>
			</div>
			
			<div class="container-part">
				<a  href="#" class="more">加载更多</a>
			</div>
			
			<!-- 联系我们 -->
			<div class="container-part">
				<div class="contact-us">
					<p class="part-name">联系我们</p>
					<p>
						<span class="icon">
							<i class="iconfont icon-telephone"></i>
						</span>
						<span">客服：400-000-00000</span>
					</p>
					<p>
						<span class="icon">
							<i class="iconfont icon-email"></i>
						</span>
						<span>邮箱：jituan@jituan.cn</span>
					</p>
					<p>
						<span class="icon">
							<i class="iconfont icon-map"></i>
						</span>
						<span>地址：重庆市丰都大厦a座 </span>
					</p>
				</div>
			</div>
			
			
			
			

			<!-- 版权 -->
			<div class="section ">
				<div class="page-foot">
					<p>版权所有：Copyright © 2015-2019丰都宣传网</p>
					<p>渝ICP备15050430号 ICP证渝B2-20180118</p>
				</div>
			</div>
		</div>
	</body>
	<script>
		layui.config({
			base: './js/',
		}).use('index')
	</script>
</html>
